<script lang="ts">
  interface Props {
    size?: string;
    class?: string;
  }
  let { size = "20", class: className }: Props = $props();
</script>

<svg class={className} width={size} height={size} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="mail">
  <path
    d="M16.0009 4.5L16.001 4.5C16.3838 4.49993 16.7522 4.64622 17.0306 4.90892C17.2315 5.0984 17.3746 5.33809 17.4471 5.60038L10.0009 9.323L2.55475 5.60038C2.62725 5.33809 2.77036 5.0984 2.9712 4.90892C3.24965 4.64622 3.618 4.49993 4.00081 4.5H4.00091H16.0009Z"
    fill="#9CA3AF"
    stroke="#9CA3AF"
  />
  <path
    d="M18 8.11792L10 12.1179L2 8.11792V13.9999C2 14.5304 2.21071 15.0391 2.58579 15.4141C2.96086 15.7892 3.46957 15.9999 4 15.9999H16C16.5304 15.9999 17.0391 15.7892 17.4142 15.4141C17.7893 15.0391 18 14.5304 18 13.9999V8.11792Z"
    fill="#9CA3AF"
  />
</svg>
